<template>
  <div>
    <el-row :gutter="10">
      <el-col align="center" :lg="{span:6,offset:0}">
        <el-card>
          <template #header>
            <p style="text-align: left">关于我</p>
          </template>
<!--          <el-avatar-->
<!--              :size="100"-->
<!--              :src="$store.state.userinfo.img" />-->
          <h1> {{ $store.state.userinfo.data.data.name }} </h1>
          <h1> {{ $store.state.userinfo.data.data.telephone }} </h1>
          <h1>权限：{{ $store.state.userinfo.data.data.keyword }}</h1>
        </el-card>
      </el-col>
      <el-col :lg="{span:18,offset:0}">
        <el-card>
          <el-tabs v-model="activeName" >
            <el-tab-pane label="账号绑定" name="first">
              <el-form inline>
                <el-form-item label="手机号">
                  <el-input v-model="phone" :disabled="bianji"></el-input>
                </el-form-item>
                <el-form-item>
                  <el-button @click="bianji = !bianji" v-show="bianji" size="mini">编辑</el-button>
                  <el-button @click="bianji = !bianji" v-show="!bianji" type="primary" size="mini">保存</el-button>
                </el-form-item>
              </el-form>
            </el-tab-pane>
            <el-tab-pane label="修改信息" name="second">
              <el-form style="width: 500px;" >
                <el-form-item label="原密码" label-width="80px">
                  <el-input v-model="phone" :disabled="bianji"></el-input>
                </el-form-item>
                <el-form-item label="新密码" label-width="80px">
                  <el-input v-model="phone" :disabled="bianji"></el-input>
                </el-form-item>
                <el-form-item label="" label-width="80px">
                  <el-button type="primary">提交</el-button>
                </el-form-item>
              </el-form>
            </el-tab-pane>
          </el-tabs>
        </el-card>
      </el-col>
    </el-row>


  </div>
</template>

<script>

export default {
  name: "index",
  data() {
    return {
      activeName:"first",
      bianji:true,
      phone:15855279220,
      list:[],
    }
  },
  created() {
    console.log(this.$store.state.userinfo.data.data)
  },
  methods: {
  }
}
</script>

<style scoped>
>>>.el-table th.el-table__cell>.cell{
  font-size: 16px;
  color: #333333;
}
</style>
















